<script>
    $(document).ready(function() {
    	$("#show_notifications").click(function(data) {
            if ($("#notifications").is(":hidden")) {
              $("#notifications").slideDown(250);
              $('#notifications').animate({
                  scrollTop: $('#notifications').get(0).scrollHeight
              }, 1000);
              $("#show_notifications").text("Hide Notifications");
            }
            else {
              $("#notifications").slideUp(250);
              $("#show_notifications").text("Show Notifications");
            }
        });
    });

</script>
<a class="btn" href="#" style="width: 89.2%;color: gray" id="show_notifications">Show Notifications</a>
<div id="notifications" class="well hide" style="height: 12em;overflow:auto;">
</div>
